@charset "UTF-8";
@import  "helpers/_mixins.scss";
@import  "layout/_guess.scss";
.content{
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
    .commodity_Select{
        width: 1098px;
        border: 1px solid #d6d6d6;
        padding-top: 17px;
        padding-bottom: 17px;
        background: #f6f6f6;
        span:nth-child(1){
            position: relative;
            left: 40px;
            top: 3px;
            .input_check {
                position: absolute;
                visibility: hidden;
            }
            .input_check+label {
                display: inline-block;
                width: 18px;
                height: 18px;
                border: 1px solid #c6c6c6;
            }
            .input_check:checked+label:after {
                content: "";
                position: absolute;
                left: 4px;
                bottom: 12px;
                width: 9px;
                height: 5px;
                border: 1px solid red;
                border-top-color: transparent;
                border-right-color: transparent;
                -ms-transform: rotate(-60deg);
                -moz-transform: rotate(-60deg);
                -webkit-transform: rotate(-60deg);
                transform: rotate(-45deg);
            }
        }
        span{
            position: relative;
            color: #333333;
            top: -2px;left: 46px;
        }
        span:nth-child(3){
            margin-left: 95px;
        }
        span:nth-child(4){
            margin-left: 253px;
        }
        span:nth-child(5){
            margin-left: 135px;
        }
        span:nth-child(6){
            margin-left: 175px;
        }
        span:nth-child(7){
            margin-left: 95px;
        }
    }
    //  商铺商品订单
    .shops_commodity{
        width: 1098px;
        border: 1px solid #d6d6d6;
        margin-top: 20px;
        min-height: 20px;
        .shops{
            padding-top: 18px;
            padding-bottom: 18px;
            background: #f6f6f6;
            span:nth-child(1){
                position: relative;
                left: 40px;
                top: 3px;
                
                .input_check {
                    position: absolute;
                    visibility: hidden;
                    
                }
                .input_check+label {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    border: 1px solid #c6c6c6;
                }
                .input_check:checked+label:after {
                    content: "";
                    position: absolute;
                    left: 4px;
                    bottom: 12px;
                    width: 9px;
                    height: 5px;
                    border: 1px solid red;
                    border-top-color: transparent;
                    border-right-color: transparent;
                    -ms-transform: rotate(-60deg);
                    -moz-transform: rotate(-60deg);
                    -webkit-transform: rotate(-60deg);
                    transform: rotate(-45deg);
                }
            }
            span{
                position: relative;
                color: #333333;
                top: -2px;left: 46px;
            }
        }
        .commodity{
           margin-top: 40px;
           margin-bottom: -40px;
           position: relative;
//          padding-top: 40px;
//          padding-bottom: -40px;
            span:nth-child(1){
                position: relative;
                left: 40px;
                top: -25px;
                .input_check {
                    position: absolute;
                    visibility: hidden;
                }
                .input_check+label {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    border: 1px solid #c6c6c6;
                }
                .input_check:checked+label:after {
                    content: "";
                    position: absolute;
                    left: 4px;
                    bottom: 12px;
                    width: 9px;
                    height: 5px;
                    border: 1px solid red;
                    border-top-color: transparent;
                    border-right-color: transparent;
                    -ms-transform: rotate(-60deg);
                    -moz-transform: rotate(-60deg);
                    -webkit-transform: rotate(-60deg);
                    transform: rotate(-45deg);
                }
            }
            span{
                position: relative;
                color: #333333;
                top:0px;left: 46px;
                line-height:40px;
            }
            span:nth-child(2){
                margin-left: 40px;
            }
            span:nth-child(3){
                
                top: -40px;
                margin-left: 30px;
                p{
                    position: absolute;
                    display: inline-block;
                    top: 10px;left: 0px;
                    font-size: 12px;
                    color: #999999;
                }
            }
            span:nth-child(4){
                position: relative;
                top: -80px;
                left: 500px;
                div{
                    display: inline;
                }
            }
            span:nth-child(5){
                position: absolute;
                top: 10px;
                left: 850px;
                color: #e11a1f;
                div{
                    display: inline;
                }
            }
            span:nth-child(6){
                float: right;
                top: -80px;
                left:-60px;
                cursor: pointer;
            }
            .commodity_num{
                position: relative;
                width: 98px;
                height: 24px;
                border: 1px solid #c6c6c6;
                margin-left:640px;
                top: -115px;
                p{
                    float: left;
                    text-align: center;
                    cursor: pointer;
                }
                p:nth-child(1){
                    width: 24px;
                    height: 24px;
                    border-right: 1px solid #c6c6c6;
                }
                p:nth-child(2){
                    width: 48px;
                    height: 24px;
                    border-right: 1px solid #c6c6c6;
                }
                p:nth-child(3){
                    width: 24px;
                    height: 24px;
                    border-right: 0px solid #c6c6c6;
                }
            }
            
        }
    }
//  结算
    .settlement{
        width: 1098px;
        border: 1px solid #d6d6d6;
        padding-top: 17px;
        padding-bottom: 17px;
        background: #f6f6f6;
        margin-top: 20px;
        span:nth-child(1){
            position: relative;
            left: 40px;
            .input_check {
                position: absolute;
                visibility: hidden;
            }
            .input_check+label {
                display: inline-block;
                width: 18px;
                height: 18px;
                border: 1px solid #c6c6c6;
            }
            .input_check:checked+label:after {
                content: "";
                position: absolute;
                left: 4px;
                bottom: 7px;
                width: 9px;
                height: 5px;
                border: 1px solid red;
                border-top-color: transparent;
                border-right-color: transparent;
                -ms-transform: rotate(-60deg);
                -moz-transform: rotate(-60deg);
                -webkit-transform: rotate(-60deg);
                transform: rotate(-45deg);
            }
        }
        span{
            
        }
        span:nth-child(2){
            vertical-align:middle;
            margin-left: 80px;
        }
        span:nth-child(3){
            position: relative;
            vertical-align:middle;
            margin-left: 450px;
            .total{
                display: inline;
                font-size: 24px;
                color: #e11a1f;
                position: absolute;
                top: -10px;
            }
        }
        .settlement_btn{
            width: 140px;
            height: 58px;
            border: 0px;
            font-size: 20px;
            color: #ffffff;
            float: right;
            background:#b48b78 ;
            margin-top: -18px;
            cursor: pointer;
        }
    }
}
